@charset "utf-8";

.body-wrapper{background:#fff url(../images/index/idxbodybg.png) no-repeat top center;}

.topimg img{width:100%;height: 110px;}
.toutiao{text-align: center; border-bottom: 1px solid #f1f1f1;}
.toutiao dl{position: relative; display: inline-block; padding-left: 12%;width:80%;}
.toutiao dl .hd{position: absolute; top: 0; bottom: 0; left: 0; width: 12%;}
.toutiao dl .hd label{position: absolute; top: 50%; left: 0; display: block; margin-top: -.75em; font-size: 1.625em;}
.toutiao dl .hd label span{position: relative; z-index: 3; display: block; padding: .25em 1em; color: #fff; line-height: 1em; white-space: nowrap;}
.toutiao dl .hd label span a{color:#fff;}
.toutiao dl .hd label:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; content: ""; background: #cf0000; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .hd label:after{position: absolute; top: 5px; right: -5px; bottom: -5px; left: 5px; z-index: 1; content: ""; background: #f00; opacity: .2; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .caption{text-align: center;}
.toutiao dl .caption a{display: inline-block; font-size: 1.875em; font-weight: bold; color: #085ea8; line-height: 1.5em;}
.toutiao dl .desc{margin-top: .75em; text-align: center; color: #666; line-height: 1.5em;}
@media (max-width:1480px){
  .toutiao dl .caption a{font-size: 1.75em;}
  .toutiao dl .hd label{font-size: 1.5em;}	
}
@media (max-width:1200px){
  .toutiao dl .caption a{font-size: 1.5em;}
  .toutiao dl .hd label{font-size: 1.375em;}
  .toutiao dl .desc{display: none;}	
}
@media (max-width:992px){
  .toutiao dl{padding-left: 0;}
  .toutiao dl .caption a{font-size: 1.5em;}	
  .toutiao dl .hd{display: none;}
}

@media (max-width:640px){
  .toutiao dl .caption a{font-size: 1.25em;}	
}
@media (max-width:450px){
  .toutiao dl .caption a{font-size: 1.125em;}	
}

.news .tpxw{position: relative;}
.news .tpxw .swiper-slide dl{position: relative;}
.news .tpxw .swiper-slide dl .place{padding-top: 64%;}
.news .tpxw .swiper-slide dl dt{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 10px 100px 10px 15px; line-height: 25px; text-align: left;
background: rgba(0,0,0,.5);}
.news .tpxw .swiper-slide dl dt a{color: #fff;}
.news .tpxw .swiper-pagination{bottom: 13px;}
@media (max-width:1480px){
  .news .tpxw .swiper-slide dl .place{padding-top: 66.67%;}	
}
@media (max-width:1200px){
  .news .tpxw{margin-bottom: 20px;}
}
@media (max-width:992px){
  .news .tpxw .swiper-slide dl dt{padding: 15px;}	
}
@media (max-width:640px){
  .news .tpxw .swiper-slide dl dt{padding: 10px; line-height: 30px; height: auto; }
  .news .tpxw .swiper-slide dl dt a{font-weight: normal;}
  .news .tpxw .swiper-pagination{position: static; margin-top: 15px;}
  .news .tpxw .swiper-pagination .swiper-pagination-bullet{background: #000;}
}
.setIE.ie8 .news .tpxw .swiper-slide dl dt{background: url(../images/public/blank_black_opa50.png);}

@media (max-width:1480px){
  .news .xwdt .infolist li.li7{display: none;}
}
.setIE.ie8 .news .xwdt .infolist li.li7{display: none;}

.ztzlh2{
  width:100%;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
/* .ztzl > ul{margin-top: 0px;}
.ztzl > ul li a{display: block;margin-top: 4px;padding-top: 38.1%;} */
.ztzl .swiper .swiper-slide a{display: block;padding-top: 38%;}
.ztzl .swiper{
    position: relative;
    height: 320px;
    overflow: hidden;
}
.ztzl .swiper .swiper-button-prev,.ztzl .swiper .swiper-button-next{
    transform:rotate(90deg);
    left: 50%;
    margin-left: -10px;
    width: 14px;
    height: 25px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    background: rgba(0, 0, 0, .4);
}
.ztzl .swiper .swiper-button-prev{
    top: 16px;
}
.ztzl .swiper .swiper-button-next{
    top: unset;
    bottom: 0;
}
@media (max-width:1200px){
  .ztzl{margin-bottom: 0;}
  .ztzl > ul{margin: -15px -7px 0 -8px;}
  .ztzl > ul li{float: left; width: 25%;}
  .ztzl > ul li a{margin: 15px 7px 0 8px;}
}
@media (max-width:768px){
  .ztzl > ul li{width: 50%;}
  .ztzl .swiper .swiper-slide a{padding-top:0;}
  .ztzl .place .pic{position:unset;}
  .ztzl .place .pic img{height:100px;}
  .ztzl .swiper{height:430px;}
}


.channeltop{text-align: center;overflow: hidden;position: relative;}
.channeltop a{display: inline-block;position: relative;background: #fff;z-index: 9;padding: 0 38px;}
.channeltop .cn{font-size: 40px;font-weight: bold;color: #333;line-height: 52px;}
.channeltop .cn span{color: #0F74D8;}
.channeltop .en{color: #999;}
.channeltop::after{position: absolute;content: '';left: 0;top: 50%;width: 100%;height: 2px;background-color: #F1F2F3;}
.channeltop a::before,.channeltop a::after{position: absolute;content: '';top: 50%;margin-top: -3px;;width: 7px;height: 7px;background: #0262D6;}
.channeltop a::before{left: 100%;}
.channeltop a::after{right: 100%;}

.comtop{padding-bottom: 15px;}
.comtop span{font-size: 26px;position: relative;cursor: pointer;}
.comtop span::after{position: absolute;content: '';bottom: -11px;left: 50%;margin-left: 0;;width: 0px;height: 4px;background: #0D6DCF;transition: all .5s;}
.comtop span.on{font-weight: bold;}
.comtop span.on::after{width: 46px;margin-left: -23px;}
.comtop span + span{margin-left: 50px;}
.commore{position: absolute;right: 0;top: 10px;}
.commore a{display: none;color: #999;}
.commore a:hover{color: #005FB8;}
.commore a.on{display: block;}

@media (max-width: 992px){
  .channeltop .cn{font-size: 28px;}
  .channeltop .en{font-size: 14px;}
  .channeltop a{padding: 0 20px;}
  
  .comtop span{font-size: 18px;}
  .commore{top: 2px;}
}

/*政务公开*/
.zfxxgkbox{margin-top: 30px;}
.zfxxgkbox ul{font-size: 0;text-align: justify;text-align-last: justify;}
.zfxxgkbox ul li{display: inline-block;width: 14.3%;height: 123px;;font-size: 18px;text-align: center;text-align-last: center;background: #F5F5F5;}
.zfxxgkbox ul li a{display: block;width: 100%;height: 100%;padding: 28px 0;}
.zfxxgkbox ul li p{margin-top: 8px;}
.zfxxgkbox ul li img{height: 36px;}
.zfxxgkbox ul li:hover img{transform: rotateY(360deg); transition: all .5s linear;}
@media (max-width: 1200px){
  .zfxxgkbox ul li{width: 30%;margin-top: 15px;}
}
@media (max-width: 992px){
  .zfxxgkbox ul li{vertical-align: top;font-size: 14px;}
}


.zfxxgkzl .swiper-container{margin-right: -7px; margin-left: -8px;}
.zfxxgkzl .swiper-slide a{display: block; margin-right: 7px; margin-left: 8px; text-align: center; padding: 25px 0 24px;}
.zfxxgkzl .swiper-slide a i{position: relative; display: inline-block; vertical-align: middle; margin-right: .25em; padding: 3px 0; width: 35px; height: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.zfxxgkzl .swiper-slide a i img{display: block; position: relative; z-index: 2; width: 100%; height: 100%;}
.zfxxgkzl .swiper-slide a span{display: inline-block; position: relative; vertical-align: middle; line-height: 1.2em; text-align: left; width: 4.25em; max-width: 4.25em;}
.zfxxgkzl .swiper-slide a.zc span{width: 2.25em; max-width: 2.25em;}
.zfxxgkzl .swiper-slide a.sq span{width: 5.25em; max-width: 5.25em;}
.zfxxgkzl .swiper-slide a.zc{background: #fbe9e4;}
.zfxxgkzl .swiper-slide a.zn{background: #FDF3DA;}
.zfxxgkzl .swiper-slide a.zd{background: #DCF4F6;}
.zfxxgkzl .swiper-slide a.nr{background: #d9f3ff;}
.zfxxgkzl .swiper-slide a.sq{background: #ffe9d4;}


/*政民互动*/
.hdjl{margin-top: 40px;margin-bottom: 40px;}
.hdcon{margin-top: 25px;}
.ftcon{margin-top: 25px;}
.zxft{width: 52%;}
.zxft .imgbox{width: 33%;height: 190px;}
.zxft .imgbox img{width: 100%;height: 100%}
.zxft .ftinfo{width: 65%;}
.zxft .ftinfo h3{font-size: 18px;font-weight: bold;}
.zxft .ftinfo p{margin-top: 10px;color: #666;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.zmhd{margin-top: 30px;}
.zmhd .menu-cards{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
.zmhd .menu-cards li{width: 25%;}
.zmhd .menu-cards li a.item{margin: 15px 10px 0; padding: 15px 0; background: #ebf5fc;border-radius: 5px;}
.zmhd .menu-cards li a.item i{width: 70px; height: 70px; margin-bottom: 0;}
.zmhd .menu-cards li a.item span{color: #666;}
.yjzjbox{width: 44%;position: relative;}
.yjzjlist{margin-top: 20px;}
.yjzjlist li{position: relative;padding-left: 70px;box-sizing: border-box;}
.yjzjlist li + li{margin-top: 19px;}
.yjzjlist li .status{position: absolute;left: 0;top: 5px;padding-left: 7px;font-size: 14px;;width: 62px;height: 24px;line-height: 24px;color: #666;background: url(../images/index/zj_ico.png) no-repeat 100% 100%;box-sizing: border-box;}
.yjzjlist li .status.on{background-image: url(../images/index/zj_ico_on.png);color: #005293;}
.yjzjlist li .zjinfo{width: 80%;}
.yjzjlist li .zjinfo a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yjzjlist li .zjinfo p{font-size: 14px;color: #999;margin-top: 6px;}
.yjzjlist li .jgfk{position: absolute;right: 0;top: 5px;width: 84px;height: 34px;line-height: 34px;text-align: center;background: #EAF4FF;}
/* .yjzjlist li.on .jgfk{display: none;} */
.yjzjlist li .jgfk a{color: #0C5DA3;}

@media (max-width: 1200px){
  .zfxxgkbox ul li{width: 30%;margin-top: 15px;}
}
@media (max-width: 992px){
  .zxft,.yjzjbox{width: 100%;}
}
@media (max-width:768px){
  .zmhd .menu-cards li{width: 50%;}	
  .zmhd .menu-cards li a.item{padding: 20px 0;}
}
@media (max-width:425px){
  .zxft .imgbox{width: 100%;}
  .zxft .ftinfo{width: 100%;margin-top: 15px;}
  .yjzjbox{margin-top: 20px;}
  .yjzjlist li .zjinfo{width: 66%;}
}

/* 左右飘窗 */
.rightpc{
    position: fixed;
    bottom: 10px;
    right: 30px;
}
.rightpc img{
    max-width: 280px;
}
.rightpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.rightpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
.leftpc{
    position: fixed;
    bottom: 10px;
    left: 30px;
    z-index: 999;
}
.leftpc img{
    max-width: 280px;
}
.leftpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.leftpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
@media (max-width: 1200px) {
.rightpc,.leftpc{display:none;}
}